<template name="instance_list_wrapper">
	<div class="instance-list-wrapper shadow">
		<div class="border-t-0 slds-page-header--object-home slds-page-header_joined slds-page-header_bleed slds-page-header slds-shrink-none test-headerRegion forceListViewManagerHeader">
			<div class="slds-grid grid-info-actions">
				<div class="slds-col slds-has-flexi-truncate">
					<div class="slds-media slds-no-space slds-grow">
						<div class="slds-media__figure">
							<span class="slds-icon_container">
								<div class="slds-icon crm-header-icon">
									<span class="uiImage">
										{{> steedos_icon class="slds-icon slds-page-header__icon" source="standard-sprite" name=objectIcon}}
									</span>
								</div>
							</span>
						</div>
						<div class="slds-media__body">
							<nav>
								<ol class="slds-breadcrumb slds-line-height_reset m-0">
									<li class="slds-breadcrumb__item crm-breadcrumb-item">
										<span>{{_ objectLabel}}</span>
									</li>
								</ol>
							</nav>
							<h1 class="slds-page-header__title slds-text-color--default slds-p-right--x-small crm-header-title dropdown">
								{{#if isShowMenu}}
									<a class="triggerLink slds-button slds-button--reset slds-type-focus slds-truncate forceListViewPicker" role="button" title="" href="javascript:void(0);" data-toggle="dropdown">
										<div class="triggerLinkTextAndIconWrapper flex">
											<span class="triggerLinkText selectedListView uiOutputText">{{boxName}}</span>
											<span class="slds-icon_container slds-icon-utility-down downIcon slds-button__icon forceIcon">
												<span class="lightningPrimitiveIcon">
													{{> steedos_icon class="slds-icon slds-icon-text-default slds-icon--x-small" source="utility-sprite" name="down"}}
												</span>
											</span>
										</div>
									</a>
									<div class="dropdown-menu dropdown-menu-left crm-header-menu" role="menu">
										<div class="slds-dropdown__list slds-show">
											{{> workflowTreeMenu}}
										</div>
									</div>
								{{else}}
									<a class="triggerLink slds-button slds-button--reset slds-type-focus slds-truncate forceListViewPicker" role="button"
										title="" href="javascript:void(0);">
										<div class="triggerLinkTextAndIconWrapper flex">
											<span class="triggerLinkText selectedListView uiOutputText">{{boxName}}</span>
										</div>
									</a>
								{{/if}}
							</h1>
						</div>
					</div>
				</div>
				<div class="slds-col slds-no-flex slds-grid slds-align-top">
					<ul class="slds-button-group slds-m-left--xx-small oneActionsRibbon forceActionsContainer mb-0">
						{{> amis_action button=queryButton buttonClassName=queryButtonClassName data=queryButtonData }}
						{{> amis_action button=newButton buttonClassName=newButtonClassName data=newButtonData }}
					</ul>
				</div>
				
			</div>
			<div class="slds-grid">
				<div class="slds-col slds-align-middle">
					<p class="slds-text-body_small tabular_info">{{#if recordsTotalCount}}{{_ "creator_list_item_counts" recordsTotalCount}}{{else}}{{_ "creator_list_item_counts" 0}}{{/if}}</p>
				</div>
				<div class="slds-col slds-no-flex slds-grid slds-align-bottom slds-shrink grid-search-div">
					<div>
						<div class="search-in-list slds-m-left_large slds-is-relative">
							<div force-list-view-manager-search-bar_list-view-manager-search-bar="" class="slds-form-element">
								<label for="instance_search" class="slds-form-element__label slds-no-flex slds-assistive-text">{{_ "Search"}} {{_ objectSearchLabel}}</label>
								<div class="slds-form-element__control slds-grow slds-input-has-icon slds-input-has-icon_left-right">
									<input type="search" value="{{search_text}}" id="instance_search" placeholder='{{_ "Search"}} {{_ objectSearchLabel}}' name="search-input" class="slds-input">
									<button class="btn btn-default hide" type="button" id="instance_search_button">
										<i class="fa fa-search"></i>
									</button>
									<div>
										{{> steedos_icon class="slds-input__icon slds-input__icon_left" source="utility-sprite" name="search"}}
									</div>
									<div class="slds-input__icon-group slds-input__icon-group_right"></div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="slds-col slds-no-flex slds-grid slds-align-bottom grid-actions">
					{{#if enabledExport}}
						<div class="slds-dropdown-trigger slds-dropdown-trigger_click slds-m-left_x-small" aria-expanded="false">
							<div data-toggle="dropdown">
								{{> steedos_button className="slds-button_icon-more"
									iconCategory="utility" iconName="down" iconSize="x-small" iconVariant="more" variant="icon" title=(_ "workflow_export_data")}}
							</div>
							<div class="dropdown-menu dropdown-menu-right" role="menu">
								<ul class="slds-dropdown__list list-view-controls">
									<li class="slds-dropdown__header" role="separator">
										<span class="slds-text-title--caps">{{_ "workflow_export_data"}}</span>
									</li>
									<li class="slds-dropdown__item" role="presentation">
										<a href="javascript:void(0);" class="export-thismonth" type="0" role="option" tabindex="-1">
											<span>{{_ "workflow_export_thismonth"}}</span>
										</a>
									</li>
									<li class="slds-dropdown__item" role="presentation">
										<a href="javascript:void(0);" class="export-pro" type="1" role="option" tabindex="-1">
											<span>{{_ "workflow_export_lastmonth"}}</span>
										</a>
									</li>
									<li class="slds-dropdown__item" role="presentation">
										<a href="javascript:void(0);" class="export-pro" type="2" role="option" tabindex="-1">
											<span>{{_ "workflow_export_thisyear"}}</span>
										</a>
									</li>
									<li class="slds-dropdown__item" role="presentation">
										<a href="javascript:void(0);" class="export-pro" type="3" role="option" tabindex="-1">
											<span>{{_ "workflow_export_all"}}</span>
										</a>
									</li>
								</ul>
							</div>
						</div>
					{{/if}}
					<div class="slds-col slds-no-flex slds-grid slds-align-top">
						<ul class="slds-button-group slds-m-left--xx-small oneActionsRibbon forceActionsContainer mb-0">
							{{> amis_action button=flowFilterButton buttonClassName=flowFilterButtonClassName data=flowFilterButtonData }}
						</ul>
					</div>
					<div class="slds-dropdown-trigger slds-dropdown-trigger_click slds-m-left_xx-small">
						<div aria-haspopup="true" data-toggle="dropdown">
							{{> steedos_button className="slds-button_icon-more"
								iconCategory="utility" iconName=btnToggleColumnsIcon variant="icon" title=(_ "creator_list_show_as")}}
						</div>
						<div class="dropdown-menu dropdown-menu-right dropdown-menu-redio" role="menu">
							<ul class="slds-dropdown__list">
								<li class="slds-dropdown__header" role="separator">
									<span class="slds-text-title--caps">{{_ "creator_list_show_as"}}</span>
								</li>
								<li class="slds-dropdown__item btn-toggle-show-as {{#if isWorkflowShowAsItemSelected '1'}}slds-is-selected{{/if}}" role="presentation" data-columns="1">
									<a href="javascript:void(0);" class="" role="option" tabindex="-1">
										<span class="slds-truncate">
											{{> steedos_icon class="slds-button__icon" source="utility-sprite" name="check" size="xx-small" wrapClassName="float-left"}}
											{{_ "creator_list_show_as_one_column"}}
										</span>
										{{> steedos_icon class="slds-button__icon" source="utility-sprite" name="table" size="xx-small"}}
									</a>
								</li>
								<li class="slds-dropdown__item btn-toggle-show-as {{#if isWorkflowShowAsItemSelected '2'}}slds-is-selected{{/if}}" role="presentation" data-columns="2">
									<a href="javascript:void(0);" class="" role="option" tabindex="-1">
										<span class="slds-truncate">
											{{> steedos_icon class="slds-button__icon slds-button_icon-x-small" source="utility-sprite" name="check" size="xx-small" wrapClassName="float-left"}}
											{{_ "creator_list_show_as_two_columns"}}
										</span>
										{{> steedos_icon class="slds-button__icon" source="utility-sprite" name="side_list" size="xx-small"}}
									</a>
								</li>
								<li class="slds-dropdown__item btn-toggle-show-as {{#if isWorkflowShowAsItemSelected '3'}}slds-is-selected{{/if}}" role="presentation" data-columns="3">
									<a href="javascript:void(0);" class="" role="option" tabindex="-1">
										<span class="slds-truncate">
											{{> steedos_icon class="slds-button__icon" source="utility-sprite" name="check" size="xx-small" wrapClassName="float-left"}}
											{{_ "creator_list_show_as_three_columns"}}
										</span>
										{{> steedos_icon class="slds-button__icon" source="utility-sprite" name="full_width_view" size="xx-small"}}
									</a>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="instance-list-body">
			{{#if sidebar}}
				<div class="instance-list-sidebar">
					{{> workflowTreeMenu}}
				</div>
			{{/if}}
			<div class="instance-list-content">
				{{> instance_list}}
			</div>
		</div>
	</div>
</template>
